﻿@{
    ViewBag.Title = "ExpertsInfo";
    Layout = "~/Views/Shared/_Head.cshtml";
}
@model Gtkj.CMS.Model.Experts
<div class="container">
    <!---->
    <div class="page"><a href="/Home/index">首页</a><span>&gt;</span><a href="javascript:void(0)">专家团队</a><span>&gt;</span><a href="javascript:void(0)">@Model.Name</a></div>
    <section class="clearfix team_d">
        <div class="team_dl fl"><img src="@Model.Portrait" width="205" height="240"></div>
        <div class="team_dr fl">
            <h3>@Model.Name</h3>
            <div>
                @(Html.Raw(Model.Introduce))
            </div>
            </p>
        </div>
    </section>
    <!--名家推广-->
    <section class="mar_btm">
        <div class="clearfix head_tit2">
            <h2>专家团队</h2>
        </div>
        <div class="swiper-container1 wc_index">
            <div class="swiper-wrapper" style="width: 100%">
                @{
                    if (ViewBag.ExpertsList != null)
                    {
                        foreach (Gtkj.CMS.Model.Experts item in ViewBag.ExpertsList)
                        {
                            <div class="swiper-slide">
                                <a href="/Auto/ExpertsInfo?ID=@item.ID">
                                    <img src="@item.Portrait">
                                    <div class="wc_indexT">
                                        <span>@item.Name</span>
                                        <p>@item.JobDescription</p>
                                    </div>
                                </a>
                            </div>
                        }
                    }

                }

            </div>
            <!-- Add Pagination -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </section>
</div>
<script src="~/Content/PC/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container1', {
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        slidesPerView: 5,
        spaceBetween: 12,

    });
</script>
